<template>
    <div>
        <Row class="expand-row">
            <Col span="12">
                <span class="expand-key">IP地址：</span>
                <span class="expand-value">{{ row.clientIpAddress }}</span>
            </Col>
            <Col span="12">
                <span class="expand-key">客户端：</span>
                <span class="expand-value">{{ row.clientName }}</span>
            </Col>
        </Row>
        <Row>
            <Col span="24">
                <span class="expand-key">浏览器：</span>
                <span class="expand-value">{{ row.browserInfo }}</span>
            </Col>
        </Row>
    </div>
</template>

<script lang="ts">
import {Component, Vue, Prop, Watch, Emit} from 'vue-property-decorator';
import AbpBase from '@/lib/abpbase';

@Component({
  components: {},
})
export default class AuditExpand extends AbpBase {
  name: string = 'AuditExpand';

  @Prop({type: Object}) row: any;
}
</script>

<style lang="less" scoped>
.expand-row {
  margin-bottom: 10px;
}

.expand-key {
  font-weight: bolder;
}

.expand-value {

}
</style>
